<template>
	<div id="app">
		<Header v-show="token!=''"></Header>
		<Head v-show="token===''"></Head>
		<router-view />
	</div>
</template>

<script>
	import Cookie from "./fetch/cookie.js"
	import {
		mapGetters,
		mapActions
	} from 'vuex'
	export default {
		name: 'App',
		data() {
			return {
				TinymceVue: false
			}
		},
		components: {
		},
		computed: {
			...mapGetters([
				'token',
			])
		},
		created() {
		},
		mounted() {

		},
		methods: {
			...mapActions({
				getUserInfo: 'getUserInfo'
			}),
		},
		watch: {
			token(newValue, oldValue) {
				if (newValue === "") {
					this.$router.push("/LoginIndex")
				}
			}
		},
	}
</script>

<style lang="less">
	@import url("assets/less/public.less");

	#app {
		width: 100%;
		height: 100%;
		font-family: 'Avenir', Helvetica, Arial, sans-serif;
		text-align: center;
		color: #333;
		font-size: 14px;
		background: #e4e4e4;

		.fontcolor-00ccff {
			color: #00ccff;
		}

		.fontsize-16px {
			font-size: 16px;
			line-height: 16px;
		}

		.fontsize-20px {

			font-size: 20px;
			line-height: 20px;
		}

		.el-dialog__title,
		.el-dialog--center .el-dialog__body {
			text-align: center;
			// color: #ff6600;
		}

		.dialog-footer {
			// display: flex;

			.el-button {
				// 				flex: 1;
				// 				border-color: #8b8b8b;
				// 				color: #ff6600;
			}
		}

		.el-radio__input.is-checked+.el-radio__label {
			color: #41c7db
		}

		.el-radio__input.is-checked .el-radio__inner {
			border-color: #41c7db;
			background: #41c7db;
		}

		.SMreg .el-upload-list {
			display: none;
		}

		.SMgoodsadd-hotel  .el-upload--picture-card,
		 {
			border: none;
		}
		.el-upload-dragger{
			width: 148px;
			height: 148px;
		}
		.SMgoodsadd-hotel .uploadone .el-upload-list__item,
		 {
			display: none
		}
		.SMreg .el-upload--picture-card,
		.UserSet .el-upload--picture-card,
			{
			border: none;
			width: 100%;
		}

		.el-checkbox__input.is-checked .el-checkbox__inner,
		.el-checkbox__input.is-indeterminate .el-checkbox__inner {
			background-color: #41c7db;
			border-color: #41c7db;
		}

		.el-checkbox__input.is-checked+.el-checkbox__label {
			color: #41c7db;
		}
		// 富文本框
		.tox .tox-statusbar{
			display: none;
		}
		
			.pointerevents {
				pointer-events: none;
			}
	}
</style>
